/* ============================== DEFAULT HTML ============================== */
.hfr-content {
	margin: 10px 20px 0 2px;
	padding: 20px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 13px;
}
.hfr-content article,
.hfr-content aside,
.hfr-content details,
.hfr-content figcaption,
.hfr-content figure,
.hfr-content footer,
.hfr-content header,
.hfr-content hgroup,
.hfr-content menu,
.hfr-content nav,
.hfr-content section { 
    display: block;
}
.hfr-content hr {
	border-left: none;
	border-right: none;
    border-top: 1px solid #E5E5E5;
    color: #F4F4F4;
    margin: 20px 0;
    padding: 0;
}
.hfr-content ::selection {
	color:#fff;
	background: #33B0E8;
}
.hfr-content ::-moz-selection {
	color:#fff;
	background: #33B0E8;
}
.hfr-content input[type="text"],
.hfr-content input[type="password"],
.hfr-content input[type="email"],
.hfr-content input[type="number"],
.hfr-content input[type="search"],
.hfr-content input[type="tel"],
.hfr-content input[type="url"] {
	height: 35px;
}
/* =============== DEFAULT HTML - HEADING STYLES =============== */
.hfr-content h1,
.hfr-content h2,
.hfr-content h3,
.hfr-content h4,
.hfr-content h5,
.hfr-content h6 {
	margin: 0;
	padding: 0;
	font-weight: 300;
}
/* =============== DEFAULT HTML - IMAGES STYLES =============== */
.hfr-content img {
	border: none;
	max-width: 100%;
}
.hfr-content img.image-border {
    border: 1px solid #D2D2D2;
    padding: 3px;
}
.hfr-content img.image-left {
	float: left;
	margin-right: 5px;
}
.hfr-content img.img-full-width {
	width: 100%;
}
/* =============== PREDEFINED CONTENT ALIGN =============== */
.hfr-content .hfr-left {
	float: left;
}
.hfr-content .hfr-right {
	float: right;
}
.hfr-content .hfr-margin-left {
	margin-left: 1em;
	margin-right: 0;
}
.hfr-content .hfr-margin-right {
	margin-left: 0;
	margin-right: 1em;
}
.hfr-content .hfr-content-left {
	text-align: left;
}
.hfr-content .hfr-content-center {
	text-align: center;
}
.hfr-content .hfr-content-right {
	text-align: right;	
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - GENERAL LAYOUT =============== */
.hfr-content .clearafter:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
.hfr-content .clearbreak {
	clear: both;
}
.hfr-loading {
	width: 30px;
	margin-left: 1em;
	position: relative;
	top: 3px;
}
.hfr-hide {
	display: none;
}
.hfr-close-js {
	background: #707070;
    color: #fff;
    cursor: pointer;
    font-family: verdana;
    font-size: 15px;
    line-height: 100%;
    padding: 2px 4px;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 999;
}
.hfr-content .title {
	margin-bottom: 15px;
}
.hfr-well {
  min-height: 20px;
  padding: 9px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.hfr-categoryListing {
	max-height: 150px;
	overflow: auto;
}
.hfr-categoryListing ul {
	margin: 0;
	-webkit-column-count: 2;
	   -moz-column-count: 2;
			column-count: 2;
	-webkit-column-gap: 40px;
	   -moz-column-gap: 40px;
			column-gap: 40px;
	-webkit-column-rule: 1px solid #ccc;
	   -moz-column-rule: 1px solid #ccc;
			column-rule: 1px solid #ccc;
}
.hfr-categoryListing ul li {
	position: relative;
}
.hfr-categoryListing ul li .hfr-icon-remove {
	background: #aaa;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    height: 15px;
    line-height: 13px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 5px;
    width: 15px;
	font-size: 11px;
	font-weight: bold;
}
.hfr-categoryListing ul li .hfr-icon-remove:hover {
	background: #D73C23;
}
/* =============== SETUP ACCOUNT =============== */
.hfr-form-setup-account {
	float: left;
}
.hfr-forgot-license {
	font-size: 13px;
	float: right;
}
.hfr-pre-step {
	position: relative;
	top: 10px;
	right: 10px;
	float: right;
}
.hfr-account-info div {
	padding: 20px 0;
	font-size: 14px;
}
.hfr-account-info div span {
	display: inline-block;
	min-width: 200px;
	color: #222;
	font-weight: bold;
}
.hfr-account-info a {
	display: block;
	margin-top: 20px;
}
/* =============== CONTACT =============== */
.hfr-form-contact textarea {
	width: 25em;
	height: 150px;
}
/* =============== PAYMENT =============== */
.hfr-payment ul {
	border: 1px solid #ddd;
}
.hfr-payment ul li {
	margin: 0;
	padding: 20px;
	border-bottom: 1px solid #ddd;
}
.hfr-payment ul li:last-child {
	border-bottom: none;
}
/* =============== HATFORRENT TAB =============== */
#hfr-tabs .hfr-tab-item li {
	display: inline-block;
}
#hfr-tabs .hfr-tab-item li a {
	display: block;
	padding: 0 20px 10px 20px;
	border-bottom: 2px solid #0074A2;
	text-decoration: none;
	font-weight: bold;
	color: #0074A2;
}
#hfr-tabs .hfr-tab-item li a:hover,
#hfr-tabs .hfr-tab-item li.ui-state-active a {
	border-bottom-color: #DE1E2A;
	color: #DE1E2A;
}
/* =============== HATFORRENT TAB 2 - OPTIONS =============== */
.hfr-options {
	width: 800px;
}
.hfr-options-categories > div {
	float: left;
	width: 49%;
	margin-right: 2%;
}
.hfr-options-categories > div:last-child {
	margin-right: 0;
}
.hfr-content .hfr-options-categories .hfr-input-group input[type="text"] {
	width: 390px;
}
.hfr-source-option > div > div {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.hfr-source-option > div > div:last-child {
	margin-right: 0;
}
.hfr-source-option hr {
	margin: 10px 0;
}
.hfr-source-option h4 {
	font-size: 15px;
}
.hfr-source-option label {
	margin-right: 10px;
	padding-top: 5px;
}
/* =============== LAYOUT - ADD SOURCE =============== */
.hfr-content .hfr-step {
	margin-bottom: 30px;
}
.hfr-content .hfr-step-instruction ul li {
	list-style: decimal inside;
}
.hfr-content .hfr-step-instruction ul ul {
	margin: 10px 0 10px 20px;
}
.hfr-content .hfr-step-instruction ul ul li {
	list-style: square inside;
}
.hfr-content .hfr-step-name {
	color: #DAA520;
	margin-bottom: 10px;
}
.hfr-content .hfr-input-group {
	margin-bottom: 10px;
}
.hfr-content .hfr-input-group label,
.hfr-content .hfr-input-group input[type="text"],
.hfr-content .hfr-input-group .hfr-addon {
	float: left;
	text-align: center;
	height: 35px;
	line-height: 28px;
	padding: 3px 10px;
	margin: 0 -1px 0 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
}
.hfr-content .hfr-input-group label,
.hfr-content .hfr-input-group .hfr-addon {	
	min-width: 135px;
}
.hfr-content .hfr-input-group label {
	font-weight: bold;
	background: #eee;
    border: 1px solid #ddd;
	color: #777;
	text-shadow: 0 1px 0 #fff;
}
.hfr-content .hfr-input-group input[type="text"] {
	width: 350px;
	text-align: left;
}
.hfr-content .hfr-step:last-child .hfr-input-group input[type="text"] {
	width: 470px;
}
.hfr-content .hfr-form-get-content button {
	margin: 0 2px;
}
#hfr-link-selecter-js,
#hfr-custom-selecter-js {
	height: 400px;
	width: 616px;
	border: 1px solid #ccc;
	position: relative;
}
#hfr-custom-selecter-js {
	width: 602px;
}
#hfr-ace-link-selecter-js,
#hfr-ace-custom-selecter-js {
	width: 100%;
	height: 100%;
}
.hfr-check-selector-js {
	position: absolute;
	right: 16px;
	bottom: 0;
	z-index: 3;
	text-decoration: none;
}
.hfr-check-selector-js img {
	position: relative;
	top: 20px;
}
/* ============================== BUTTON STYLE ============================== */
.hfr-content [class*="hfr-btn-"] {
	background: #2EA2CC;
	border: 1px solid #0074A2;
	color: #fff;
	text-decoration: none;
	padding: 8px 10px;
	line-height: normal;
	display: inline-block;
	vertical-align: text-top;
	cursor: pointer;
}
.hfr-content [class*="hfr-btn-"].hfr-btn-small {
	font-size: 11px;
    padding: 2px 5px;
}
.hfr-content button[class*="hfr-btn-"] {
	padding: 7px 10px;
}
.hfr-content [class*="hfr-btn-"]:hover {
	background: #1e8cbe;
	border-color: #0074a2;
}
.hfr-content [class*="hfr-btn-"][disabled],
.hfr-content [class*="hfr-btn-"]:disabled {
	background: #298CBA;
	border-color: #1B607F;
	color: #94CDE7;
	cursor: default;
}
.hfr-content .hfr-btn-light[disabled],
.hfr-content .hfr-btn-light:disabled,
.hfr-content .hfr-btn-light[disabled]:hover,
.hfr-content .hfr-btn-light:disabled:hover {
	background: #aaa;
	border-color: #bbb;
	color: #ccc;
	cursor: default;
}
.hfr-content .hfr-btn-orange {
	background: #FAA732;
	border-color: #E08D18;
}
.hfr-content .hfr-btn-orange:hover {
	background: #f89406;
	border-color: #C97601;
}
.hfr-content .hfr-btn-light {
	background: #F5F5F5;
	border-color: #D7D7D7;
	color: #444;
}
.hfr-content .hfr-btn-light:hover {
	background: #e6e6e6;
	border-color: #B7B7B7;
}
/* ============================== LABEL STYLE ============================== */
[class*="hfr-label-"],
.hfr-modal-body .label-important {
	background-color: #999;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
.hfr-modal-body .label-important {
	background-color: #B94A48;
	font-weight: 300;
}
.hfr-label-default {
	background-color: #999;
}
.hfr-label-important {
	background-color: #B94A48;
}
.hfr-label-info {
	background-color: #3A87AD;
}
/* ============================== TEXT STYLE ============================== */
.hfr-text-error {
	color: #B94A48;
}
.hfr-text-info {
	color: #3A87AD;
}
.hfr-text-warning {
	color: #C09853;
}
/* ============================== ALERT BOX ============================== */
[class*="hfr-alert-"] {
    border: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    padding: 15px;
}
.hfr-alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}
.hfr-alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #31708F;
}
.hfr-alert-warning {
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #8A6D3B;
}
.hfr-alert-danger {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}
/* ============================== TABLE STYLE ============================== */
.hfr-table {
	width: 100%;
	text-align: left;
}
.hfr-table thead tr td,
.hfr-table thead tr th {
	color: #3A87AD;
	border-bottom: 2px solid #ddd;
}
.hfr-table tr td,
.hfr-table tr th {
	padding: 15px 0;
}
.hfr-table tr td,
.hfr-table tr th {
	border-bottom: 1px solid #ddd;
}
.hfr-table tr.active {
	font-weight: bold;
	color: #000;
}
/* ============================== MODAL ============================== */
.hfr-modal-body > h5 {
	font-size: 13px;
}
.hfr-modal-body strong {
	font-weight: 300;
}